<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>美滴滴</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link type="text/css" rel="stylesheet" media="screen" href="css/style.css"/>
    <link type="text/css" rel="stylesheet" media="screen" href="css/media.css"/>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
	  $(function(){
		  $(".beauty_head p").click(function(){
			  $(".head_dress").slideToggle();
			  $(".head_dress_cha").slideToggle();
			  $(".beauty_head p").each(function() {
				 // alert('11')
                if($(this).hasClass('cur')){
				   $(this).removeClass('cur');
				  }else{
					  $(this).addClass('cur');
					//  alert('22')
					  }
              });
		  });
		  $(".head_dress_cha ul li").click(function(){
			  $(this).addClass('cur').siblings().removeClass('cur');
		  });
	  });
	</script>
    <style>
	
	</style>
</head>
<body style="background:#f7f7f9;">

 <input type="button" value="刷新" onclick="location.reload()" style="position:fixed;bottom:70px;left:20px;width:100px;height:30px;background:#fff;  z-index:8888888888888888888;border:1px solid #bbb;border-radius:0;">
    <header class="beauty_head">
      <h1>
        <p>广州</p>
      </h1>
      <div class="head_dress">
        <img src="images/beautycare_02.png">
      </div>
      <div class="head_dress_cha">
         <ul class="clear">
           <li class="cur">广州市</li>
           <li>珠海市</li>
           <li>武汉市</li>
         </ul>
         <span>更多城市更在筹备中</span>
      </div>
    </header>
 	<section class="beauty_sec">
       <h1>美容项目</h1>
       <div class="beauty_sec_navlist">
         <ul>
           <li>
             <a href="beauty_detail.html">
             <div class="navlist_main">
                   <div class="zhekou">
                     <img src="images/beautycare_04.png">
                   </div>
                   <div class="xiangmu">
                     <img src="images/beautycare_06.jpg" >
                   </div>
                   <div class="tittle">
                     <h2>微动力眼部减龄护理</h2>
                     <span>45分钟</span>
                   </div>
             </div>
             <div class="navlist_bottom">
                   <h2>有效紧致眼部肌肤，减轻黑眼圈、眼袋和细纹</h2>
                   <span>￥258</span>
                   <label>126人做过</label>
             </div>
             </a>
           </li>
           <li>
             <a href="beauty_detail.html">
             <div class="navlist_main">
                   <div class="zhekou">
                     <img src="images/beautycare_05.png">
                   </div>
                   <div class="xiangmu">
                     <img src="images/beautycare_09.jpg" >
                   </div>
                   <div class="tittle">
                     <h2>排毒固元全身调理</h2>
                     <span>90分钟</span>
                   </div>
             </div>
             <div class="navlist_bottom">
                   <h2>有效紧致眼部肌肤，减轻黑眼圈、眼袋和细纹</h2>
                   <span>￥258</span>
                   <label>126人做过</label>
             </div>
             </a>
           </li>
           <li>
             <a href="beauty_detail.html">
             <div class="navlist_main">
                   <div class="zhekou">
                    <!-- <img src="images/beautycare_05.png">-->
                   </div>
                   <div class="xiangmu">
                     <img src="images/beautycare_08.jpg" >
                   </div>
                   <div class="tittle">
                     <h2>微动力眼部减龄护理</h2>
                     <span>45分钟</span>
                   </div>
             </div>
             <div class="navlist_bottom">
                   <h2>有效紧致眼部肌肤，减轻黑眼圈、眼袋和细纹</h2>
                   <span>￥258</span>
                   <label>126人做过</label>
             </div>
             </a>
           </li>
           <input type="button" value="查看更多" class="btn">
         </ul>
       </div>
	</section>
    <footer>
       <div class="nav clear">
         <ul>
			<li><a class="first-bg cur" href="#">美容护理</a></li>
			<li><a class="sec-bg" href="#">美容师</a></li>
			<li><a class="thr-bg" href="#">美容院</a></li>
			<li><a class="four-bg" href="#">我的</a></li>
		 </ul>
       </div>
    </footer>
</body>
	
</html>